const form = document.querySelector('form');
const user = document.querySelector('[name="user"]');
const pwd = document.querySelector('[name="pwd"]');

// 表单验证
form.onsubmit = function(){
    // 正则验证
    // 1.验证用户名
    let reg = /^[a-z0-9]\w{4,11}$/
    if(!reg.test(user.value)){
        layer.msg('用户名不符合规则', {
            icon: 2, // 设置icon 2是错误，1是成功
            time: 1000 // 设置提示默认显示多长时间
        });
        return false;
    }
    // 2.验证密码
    reg = /\w{6,12}/;
    if(!reg.test(pwd.value)){
        layer.msg('密码不符合规则', {
            icon: 2, // 设置icon 2是错误，1是成功
            time: 1000 // 设置提示默认显示多长时间
        });
        return false;
    }

    // 发送ajax - 请求注册
    $.ajax({
        url: '/login',
        method: 'post',
        data:{
            username: user.value,
            password: pwd.value,
        },
        success:function(res){
            // 将json字符串转成对象
            res = JSON.parse(res)
            var {msg, code} = res;
            // console.log(msg, code);
            if(code === 1){
                layer.msg(msg, {
                    icon: 1, // 设置icon 2是错误，1是成功
                    time: 1000 // 设置提示默认显示多长时间
                }, function(){
                    localStorage.setItem('id', user.value)
                    // 检查本地存储中是否有url
                    let url = localStorage.getItem('url')
                    if(url){
                        localStorage.removeItem('url')
                        location.href = url
                    }else{
                        location.href = './index.html'
                    }
                });
            }else{
                layer.msg(msg, {
                    icon: 2, // 设置icon 2是错误，1是成功
                    time: 1500 // 设置提示默认显示多长时间
                },function(){
                    user.value = ''
                    pwd.value = ''
                });
            }
        },
        error: function(){
            console.log('error')
        }
    })
    // 阻止默认行为
    return false
}
